<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
};
</script>
<style scoped lang="scss">
#app .theme-picker {
  display: none;
}
</style>
<style lang="scss">
/* 列表内mini按钮 */
.el-table .fixed-width .el-button--mini {

  &.mini-btn {
    padding-left: 6px;
    padding-right: 6px;
  }
  &.mini-btn-left {
    margin-right: 6px

  }
}
/*table 操作列 多按钮换行*/
.el-table  .max-operate-tab .cell.el-tooltip {
  white-space: unset;
}
// 弹出层表单输入框宽度
.modal-input {
  width:300px !important;
}
.modal-input-mini {
  width:180px !important;
}
//审核按钮盒子
.audit-group {
  display: inline-block;
  margin-left: 10px;
}
//弹窗查看详情
.details-row {
  line-height: 34px;
  .details-label {
    color: #606266;
  }
  p {
    margin: 0;
  }
}
.details-img {
  width: 50%;
}
.details-label {
  color: #000000;
}

</style>
